<template>
  <div class="header">
    <div class="title">
      <img src="@/assets/images/logo.png?a=11" alt="" />
    </div>
    <div class="r icon" v-if="user === 'user-zhuanjia'">
      <router-link to="/home"><i class="iconfont icon-shouye"></i></router-link>
      <router-link to="/modify"
        ><i class="iconfont icon-shezhi"></i
      ></router-link>
      <router-link to="/register"
        ><i class="iconfont icon-tuichudenglu"></i
      ></router-link>
    </div>
    <div class="r icon" v-else-if="user === 'user-shenbao'">
      <router-link to="/shenbao-home"
        ><i class="iconfont icon-shouye"></i
      ></router-link>
      <router-link to="/modify"
        ><i class="iconfont icon-shezhi"></i
      ></router-link>
      <router-link to="/register"
        ><i class="iconfont icon-tuichudenglu"></i
      ></router-link>
    </div>
    <div class="r icon" v-else>
      <router-link to="/school-home"
        ><i class="iconfont icon-shouye"></i
      ></router-link>
      <router-link to="/modify"
        ><i class="iconfont icon-shezhi"></i
      ></router-link>
      <router-link to="/register"
        ><i class="iconfont icon-tuichudenglu"></i
      ></router-link>
    </div>
  </div>
</template>
<script>
export default {
  name: "Header",
  data() {
    return {
      restaurants: [],
      state: "",
    };
  },
  props: {
    user: String,
  },
  methods: {
    // handleSelect(item) {
    //   console.log(item);
    // },
  },
  mounted() {},
};
</script>
<style lang='scss' scoped>
.header {
  height: 95px;
  line-height: 95px;
  padding: 0 25px;
  margin-left: 5px;
  margin-bottom: 25px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  text-align: left;
  .title {
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    p {
      line-height: 35px;
      font-size: 22px;
      font-family: "PingFang";
    }
    img {
      width: 387px !important;
      height: 67px !important;
      margin-right: 20px;
    }
  }
  /deep/.el-input__inner {
    background-color: #f7f8fc;
    border: none;
    width: 480px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px 0 55px;
    color: #a1a4b5;
    font-size: 16px;
  }
  /deep/.el-input__suffix {
    left: 20px;
    right: auto;
    i {
      font-size: 25px;
    }
  }
  .icon {
    i {
      font-size: 25px;
      margin: 0 30px;
    }
  }
  .router-link-active {
    color: #6781ff;
  }
}
</style>